<%@ page language="java" contentType="text/html" pageEncoding="utf-8"%>
<%@ include file="/WEB-INF/jsp/common/taglibs.jsp" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no,minimum-scale=1,maximum-scale=1.0" />
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<title>店铺详情 - 红高粱</title>
<script type="text/javascript" src="../../m/js/jquery.min.js"></script>
<link type="text/css" rel="stylesheet" href="../../m/css/change.css"/>
<script type="text/javascript" src="../../m/js/huaping.js"></script>
<script type="text/javascript" src="../../m/js/jquery.tmpl.min.js"></script>
<script type="text/javascript" src="../../m/js/cart.js"></script>
<script type="text/javascript" src="../../m/js/jquery.msg.src.js"></script>
<style type="text/css">
/*换屏begin*/
header{ width:100%;}
#box{position:relative;width:100%;height:auto;border-radius:5px;cursor:pointer; max-width:640px; margin: 0 auto;}
#box .list{position:relative;width:100%;overflow:hidden; max-width:640px;}
#box .list ul{position:absolute;top:0;left:0;}
#box .list li{width:100%;height:auto;overflow:hidden; line-height:0;}
#box .count{position:absolute;right:43%;bottom:5px;}
#box .count li{color:#fff;float:left;width:10px;height:10px;cursor:pointer;margin-right:5px;overflow:hidden;background:#8cd5ee;opacity:0.7;filter:alpha(opacity=70);border-radius:20px;}
#box .count li.current{color:#fff;opacity:1;filter:alpha(opacity=100);font-weight:700;background:#ffffff;}
#tmp{width:100px;height:100px;background:red;position:absolute;}
/*换屏end*/
ul li { list-style:none;}
body{height:auto;margin-bottom:30%;background:url(../../m/images/bg.png);}
.clear{ clear:both;} 
h2{ font:normal 18px "黑体"; color:#fff;line-height:26px; }
h3{color:#999; font-size:14px; font-weight:normal; padding:0 0 15px;}
*{ margin:0; padding:0;}
.main{ width:94%; margin:0 auto;}
.jf,.kd,.ys{ padding-top:10px; width:100%; margin:0 auto;}
.main .txt{width:100%; height:100%; margin:0 auto; margin-top:20px;text-align:center;line-height:32px; padding-bottom:9px; bottom:0px;z-index:1;}
.main .address span{ font:normal 14px "黑体"; color:#888; line-height:32px;}
.main .address img{ width:14px; vertical-align:text-top;}
.main .address{ width:240px; float:left;}
.main .GPS { width:60px;float:left;font:normal 14px "黑体"; color:#d54545; line-height:32px;}
.main .order{ width:100%; overflow:hidden;}
.main .order_b{width:50%; float:left; margin:0 auto;text-align:left;}
.main .t_order{width:50%; float:right; margin:0 auto;text-align:right;}
.main .order_b img{ width:97%;}
.main .t_order img{ width:97%; }
.main a{ text-decoration:none;}
</style>
</head>
<header id="header">
	<section>
	<div class="scroll">
		<div class="slide_01" id="slide_01">
			<div>
				<div>
					<c:if test="${restaurant.id eq 1}">
					<div class="mod_01">
						<a href="#"><img src="../../m/images/jf1.jpg" alt="红高粱"></a>
                        <div class="txt">红高粱九方店</div>
					</div>
					<div class="mod_01">
						<a href="#"><img src="../../m/images/jf2.jpg" alt="红高粱"></a>
                        <div class="txt">红高粱九方店</div>
					</div>
					<div class="mod_01">
						<a href="#"><img src="../../m/images/jf3.jpg" alt="红高粱"></a>
                        <div class="txt">红高粱九方店</div>
					</div>
					<div class="mod_01">
						<a href="#"><img src="../../m/images/jf4.jpg" alt="红高粱"></a>
                        <div class="txt">红高粱九方店</div>
					</div>
					<div class="mod_01">
						<a href="#"><img src="../../m/images/jf5.jpg" alt="红高粱"></a>
                        <div class="txt">红高粱九方店</div>
					</div>	
					</c:if>
					
					<c:if test="${restaurant.id eq 6}">
					<div class="mod_01">
						<a href="#"><img src="../../m/images/kd1.jpg" alt="红高粱"></a>
                        <div class="txt">红高粱凯德店</div>
					</div>
					<div class="mod_01">
						<a href="#"><img src="../../m/images/kd2.jpg" alt="红高粱"></a>
                        <div class="txt">红高粱凯德店</div>
					</div>
					<div class="mod_01">
						<a href="#"><img src="../../m/images/kd3.jpg" alt="红高粱"></a>
                        <div class="txt">红高粱凯德店</div>
					</div>
					<div class="mod_01">
						<a href="#"><img src="../../m/images/kd4.jpg" alt="红高粱"></a>
                        <div class="txt">红高粱凯德店</div>
					</div>
					</c:if>
					
					<c:if test="${restaurant.id eq 5}">
					<div class="mod_01">
						<a href="#"><img src="../../m/images/ys1.jpg" alt="红高粱"></a>
                        <div class="txt">红高粱银石店</div>
					</div>
					<div class="mod_01">
						<a href="#"><img src="../../m/images/ys2.jpg" alt="红高粱"></a>
                        <div class="txt">红高粱银石店</div>
					</div>
					<div class="mod_01">
						<a href="#"><img src="../../m/images/ys3.jpg" alt="红高粱"></a>
                        <div class="txt">红高粱银石店</div>
					</div>
					<div class="mod_01">
						<a href="#"><img src="../../m/images/ys4.jpg" alt="红高粱"></a>
                        <div class="txt">红高粱银石店</div>
					</div>	
					</c:if>			
				</div>
			</div>
		</div>
		<div class="dotModule_new">
			<div id="slide_01_dot">
			</div>
		</div>
	</div>
</section>
	<script type="text/javascript">
 if(document.getElementById("slide_01")){
	  var slide_01 = new ScrollPic();
	  var winWidth = document.documentElement.clientWidth;
	  slide_01.scrollContId   = "slide_01"; //内容容器ID
	  slide_01.dotListId      = "slide_01_dot";//点列表ID
	  slide_01.dotOnClassName = "selected";
	  slide_01.arrLeftId      = "sl_left"; //左箭头ID
	  slide_01.arrRightId     = "sl_right";//右箭头ID
	  slide_01.frameWidth     = winWidth;
	  slide_01.pageWidth      = winWidth;
	  slide_01.upright        = false;
	  slide_01.speed          = 10;
	  slide_01.space          = 30; 
	  slide_01.initialize(); //初始化
}

</script>
</header>
<body>
	<div class="main">    
    	<div class="ys">
          <h2>${restaurant.name }</h2>
          <div class="address"><img src="../../m/images/icon_d.png"><span>${restaurant.address }</span></div><div class="GPS"><a href="${restaurant.nav }"><img src="../../m/images/GPS.png" width="60"></a></div>
          <div class="order">
              <div class="order_b"><a href="<c:url value="/category/foods/${restaurant.id }"/>"><img src="../../m/images/iorder.png"></a></div>
              <div class="t_order"><a href="tel:${restaurant.phone }"><img src="../../m/images/telphone_order.png"></a></div> 
          </div>     
        </div>    
    </div>
       
</body>
<%@ include file="footer.jsp" %>
</html>
